iT邦幫忙

2024 iThome 鐵人賽

DAY 24
1
佛心分享-IT 人自學之術

菜雞學習JavaScript的30日讀書分享系列 第 24

菜雞學習JavaScript的30日讀書分享【Day 24】if...else流程判斷

  • 分享至 

  • xImage
  •  

====================本系列文章沒有什麼高深的理論====================
====================純粹是以一個菜雞的視角來分享====================

流程判斷與迴圈

從前有個工程師笑話,一名工程師接到老婆的電話,並吩咐說:「下班後買10個包子回家,途中如果看到賣蘋果的就買一顆。」

結果回到家後,老婆就問說:「怎麼只買了一個包子?」

該名工程師就回答說:「因為看到賣蘋果的。」

JavaScript用來控制流程的條件語法指的是,當條件為true時,就會執行後續的指令。

目前JavaScript的條件語法目前分別有兩種:

  • if...else
  • switch

if...else條件判斷

如同字面上的「如果」怎麼樣,就會做後續的事,「否則」會做另外一件事。

if (條件) {
    // 條件成立執行 {}區塊的內容
    
} else {
    // 否則執行else {} 區塊的內容 
    // else不一定會有,但有else就一定會有if
}

上面的條件可以是true或是false的表達式。

前面有說到JavaScript的資料都會透過ToBoolean轉換成true或者是false

除了if...else條件語法之外,我們還可以使用else if來增加條件:

if (條件) {
    // 條件成立執行 {} 區塊的內容
    
} else if (條件2){
    // 條件2成立執行 {} 區塊的內容
} else if (條件3){
    // 條件3成立執行 {} 區塊的內容
}

else if 沒有數量限制,但通常為了程式碼的可讀性以及方便維護,通常都會儘量減少條件的撰寫數量。

所以前面的笑話就會變成如下:

const buy = "十個包子";

if (看到賣蘋果的) {
    buy = "一個包子" // 本來要買十個包子,但看到賣蘋果的,所以只買了一個包子。
}

今日的分享就到這囉,我們明天見,掰掰!


上一篇
菜雞學習JavaScript的30日讀書分享【Day 23】邏輯運算子延伸
下一篇
菜雞學習JavaScript的30日讀書分享【Day 25】switch流程判斷
系列文
菜雞學習JavaScript的30日讀書分享30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言